.ks_body{background-color: #fbfff6; min-height: 100vh;}
.ks_body.ks_body_red{background-color: #920002;}
.banner{}
.banner image{display: block; width: 100%;}

.bottom{margin-top: -1px;}
.bottom image{display: block; width: 100%;}

.optionItems{}
.optionItems .item{width: 100%; }
.optionItems .item image{display: block; width: 100%;}
.step_title{display: flex; align-items: center; font-size: 30rpx; margin: 30rpx 0; font-weight: bold; border-bottom: 1px solid #d6171c;}
.step_title span{background-color: #d6171c; color: #fff; padding: 8rpx 20rpx; margin-right: 20rpx; transform: skewX(-10deg); transform-origin: left bottom;}
.step_title b{margin-left: 15rpx;}

.setp1{}
.setp1 .btns{}
.setp1 .btns .btn{display: flex; align-items: center; margin: 0 0 15rpx 0; padding: 15rpx; border: 1px solid #eee; border-radius: 5rpx;}
.setp1 .btns .btn.select{background-color: #f56c6c; color: #fff; border-color: #f56c6c;}
.setp1 .btns .btn .circle{width: 30rpx; height: 30rpx; border: 1px solid #ccc; border-radius: 50%; margin-right: 30rpx;}
.setp1 .btns .btn.select .circle{background-color: #fff;}
.setp1 .btns .btn h4{font-size: 28rpx; font-weight: bold;}
.setp1 .btns .btn p{font-size: 24rpx; margin-top: 10rpx;}

.formBox{padding: 25rpx; background: rgba(255,255,255,.8);}

.btnBox{margin-top: 30rpx;}

.popContent{width: 600rpx; padding: 25rpx; background-color: #fff; }
.popContent h4{font-size: 38rpx; text-align: center; color: #d6171c; font-weight: bold; margin-bottom: 20rpx;}
.popContent p{font-size: 30rpx; line-height: 1.8; text-align: center;}
.popContent ul{max-height: 60vh; overflow: auto;}
.popContent ul li{}
.popContent ul li p{text-align: left; font-size: 28rpx; line-height: 1.8;}

.popup{display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8);z-index: 10;}
.popup .popBox{width: 450rpx; padding: 25rpx; border: 1px solid #eee; background-color: #fff;}
.popup .popBox .poptext{font-size: 28rpx; line-height: 1.8; margin-bottom: 25rpx;}
.popup .popBox .btns{display: flex; justify-content: space-between;}
.popup .popBox .btns .btn{width: 48%;}

.my_items{}
.my_items .item{background-color: #fff; border-radius: 15rpx; padding: 25rpx; margin-top: 30rpx; box-shadow: 0 0 15rpx rgba(0,0,0,.3);}
.my_items .item h3{font-size: 34rpx; font-weight: bold; margin-bottom: 10px; color: #000;}
.my_items .item p span{float: left; margin-right: 10rpx; }
.my_items .item p{font-size: 28rpx; color: #555;}
.my_items .item p::after{content:""; display: table; clear: both;}
.my_items .item .tags{display: flex;}
.my_items .item .tags .tag{margin: 15rpx 15rpx 0 0;}

.pagination{display: flex; justify-content: center; margin: 25rpx 0}
.pagination li{background-color: #fff; font-size: 26rpx; line-height: 60rpx; padding: 0 20rpx; margin: 0 5rpx ; border-radius: 5px; color: #777; border: 1px solid #e7e7e7; cursor: pointer;}


.popInfo{width: 600rpx; padding: 25rpx; max-height: 70vh; overflow: auto;}
.popInfo .title{font-size: 34rpx; font-weight: bold; margin-bottom: 10px; color: #000;}
.popInfo .intro{font-size: 28rpx; color: #555;}
.popInfo .imgBox{margin-top: 20rpx;}
.popInfo .imgBox image{display: block; width: 200rpx;}
.popInfo .answerBox{font-size: 28rpx; line-height: 1.8; color: #333;}
.popInfo .degreeBox{display: flex; align-items: center; padding: 25rpx 0;}
.popInfo .degreeBox .label{font-size: 28rpx; font-weight: bold; }
.popInfo .degreeBox .solveBox{display: flex;}
.popInfo .degreeBox .solveBox .item{display: flex; margin-left: 20rpx; padding: 10rpx 25rpx; align-items: center; border: 1px solid #eee; border-radius: 50px;}
.popInfo .degreeBox .solveBox .item span{margin-right: 8rpx;}
.popInfo .degreeBox .solveBox .item.selected{background-color: #f56c6c; color: #fff;}
.popInfo .degreeBox .solveBox .item.selected1{background-color: #5ac725; color: #fff;}
.popInfo .empty{font-size: 34rpx; text-align: center; font-weight: bold;}

.xbj image{display: block; width: 100%;}

.nimingBox{display: flex; align-items: center; margin: 20rpx 0;}
.nimingBox .label{font-size: 30rpx; margin-right: 20rpx; font-weight: bold;}

.limitBox{width: 600rpx; padding: 25rpx; margin: 30rpx auto; background-color: #fff; border-radius: 15rpx;}
.limitInfo h4{font-size: 34rpx; text-align: center; margin-bottom: 20rpx; font-weight: bold;}
.limitInfo .inpBox{margin-bottom: 20rpx;}
.limitInfo .inp{line-height: 50rpx; padding: 10rpx 15rpx; border: 1px solid #dadbde; border-radius: 4px;}

.textCenter{display: flex; justify-content: center;}